
<template>
<view>
<view class="smart-page-head">
<view class="smart-page-head-title">checkbox,多选按钮</view>
</view>
<view class="smart-padding-wrap">
<view class="item">
<checkbox checked="true"></checkbox>
选中
<checkbox></checkbox>
未选中
</view>
<view class="item">
<checkbox checked="true" color="#F0AD4E" style="transform:
scale(0.7);"></checkbox>
选中
<checkbox color="#F0AD4E" style="transform: scale(0.7);">
</checkbox>
未选中
</view>
<view class="item">
推荐展示样式：
<checkbox-group>
<label class="list">
<view>
<checkbox></checkbox>
中国
</view>
</label>
<label class="list">
<view>
<checkbox></checkbox>
美国
</view>
</label>
<label class="list">
<view>
<checkbox></checkbox>
日本
</view>
</label>
</checkbox-group>
</view>
</view>
</view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

<style>
    .item {
        margin-bottom: 30rpx;
    }
    .list {
        justify-content: flex-start;
        padding: 22rpx 30rpx;
    }
    .list view {
        padding-bottom: 20rpx;
        border-bottom: 1px solid #d8d8d8;
    }
</style>
